.user-management-page {
  padding: 20px;
  animation: slideInUp 0.6s ease-out;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.page-header .arco-typography-h3 {
  margin: 0;
  font-weight: 600;
  color: var(--color-text-1);
}

.user-list-card {
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-1);
  background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
  border: 1px solid var(--color-border-1);
}

.card-header {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 搜索框样式优化 */
.arco-input-wrapper {
  background-color: var(--color-bg-2);
  border: 1px solid var(--color-border-1);
}

.arco-input-wrapper:hover {
  border-color: var(--color-primary);
}

.arco-input-wrapper.arco-input-focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px rgba(22, 93, 255, 0.2);
}

/* 状态标签样式优化 */
.status-badge {
  padding: 4px 8px;
  border-radius: var(--border-radius-sm);
  font-size: var(--font-size-sm);
  font-weight: 500;
}

.status-badge.active {
  background-color: rgba(0, 180, 42, 0.15);
  color: #009A29;
  border: 1px solid rgba(0, 180, 42, 0.3);
}

.status-badge.inactive {
  background-color: rgba(245, 63, 63, 0.15);
  color: #D62929;
  border: 1px solid rgba(245, 63, 63, 0.3);
}

/* 表格样式优化 */
.arco-table-th {
  background-color: var(--color-bg-2);
  font-weight: 600;
  color: var(--color-text-1);
  border-bottom: 1px solid var(--color-border-1);
}

.arco-table-td {
  padding: 12px 16px;
  color: var(--color-text-1);
  border-bottom: 1px solid var(--color-border-2);
}

.arco-table-tr:hover .arco-table-td {
  background-color: var(--color-bg-2);
}

/* 操作按钮样式优化 */
.arco-btn-text {
  color: var(--color-text-2);
}

.arco-btn-text:hover {
  color: var(--color-primary);
  background-color: rgba(22, 93, 255, 0.05);
}

.arco-btn-text.arco-btn-danger {
  color: var(--color-error);
}

.arco-btn-text.arco-btn-danger:hover {
  color: #D62929;
  background-color: rgba(245, 63, 63, 0.05);
}